<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
          "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
  <meta http-equiv="Content-Type"
        content="text/html; charset=UTF-8" />

  <title>Embedding a Vaadin Application in HTML Page</title>
  
  <!-- Define the application configuration -->
  <script type="text/javascript">
    var vaadin = {
      vaadinConfigurations: {
        helloworld: {
          appUri:'/book-examples/helloworld',
          pathInfo: '/',
          themeUri:'/book-examples/VAADIN/themes/book-examples',
          versionInfo : {}}
      }};
  </script>
  
  <!-- Load the widget set, that is, the Client-Side Engine -->
  <script language='javascript' src='/book-examples/VAADIN/widgetsets/com.vaadin.book.widgetset.BookExamplesWidgetSet/com.vaadin.book.widgetset.BookExamplesWidgetSet.nocache.js'></script>

  <!-- Load the style sheet -->
  <link rel="stylesheet"
        type="text/css"
        href="/book-examples/VAADIN/themes/book-examples/styles.css"/>
</head>

<body>
  <!-- GWT requires an invisible history frame is needed for -->
  <!-- page/fragment history in the browser                  -->
  <iframe tabIndex="-1" id="__gwt_historyFrame" style="position:absolute;width:0;height:0;border:0;overflow:hidden;" src="javascript:false"></iframe>

  <h1>Embedding a Vaadin Application</h1>
    
  <p>This is a static web page that contains an embedded Vaadin
     application. It's here:</p>

  <!-- So here comes the div element in which the Vaadin -->
  <!-- application is embedded.                          -->
  <div id="helloworld" style="border: 2px solid green;"></div>
  
  <p>Please view the page source to see how embedding works.</p>

  <noscript>You have to enable javascript in your browser to
            use an application built with Vaadin.</noscript>
</body>
</html>
